import React from "react";
import Box from "@mui/material/Box";
import Fab from "@mui/material/Fab";
import AddIcon from "@mui/icons-material/RocketLaunch";

interface Props {
  onClick: () => void;
}

export default function FloatingButton({ onClick }: Props) {
  return (
    <Box sx={{ position: "fixed", top: 20, right: 20, zIndex: 10000 }}>
      <Fab id="wxt-floating-button" color="success" variant="extended" onClick={onClick} sx={{ boxShadow: 4 }}>
        <AddIcon sx={{ mr: 1 }} /> 扩展
      </Fab>
    </Box>
  );
}


